<!doctype html>
<html>
<head>
<title>ipt-css</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href="../../themes/css/basic.css" rel="stylesheet" type="text/css"/>
<link href="../../themes/css/widget/panel.css" rel="stylesheet" type="text/css"/>
<link href="../../themes/css/icon.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
	#main {
		width : 600px;
		margin : 0px auto;
	}
</style>
</head>

<body>
	<div id="main">
	
		<div class="panel">
			<div class="panel-header">
				<div class="panel-title">
					<i class="panel-title-icon icon-ok"></i>panel
				</div>
			</div>
			<div class="panel-body">
				normal panel. 
			</div>
		</div>
		
		<br/>
		
		<div class="panel">
			<div class="panel-header">
				<div class="panel-titlebar-left" style="border:1px solid white">left-toolbar</div>
				<div class="panel-title fn-t-center">
					<i class="panel-title-icon icon-ok"></i>panel
				</div>
				<div class="panel-titlebar-right" style="border:1px solid white">right-toolbar</div>
			</div>
			<div class="panel-body">
				normal panel with toolbar. 
			</div>
		</div>
	</div>
</body>
</html>
